<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>小米账号登录</title>
    <link rel="icon" href="./images/logo.png" />
    <link rel="stylesheet" href="./css/user.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/login.js"></script>
</head>

<body>

    <div class="modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <img src="./images/logo.png" />
                <h4>小米账号登录</h4>

                <form id="logo.form">
                    <input type="text" id="uname" placeholder="邮箱/手机号/小米账号" />
                    <input type="password" id="password" placeholder="密码" />
                    <input type="button" value="立即登录" id="login-button" />
                </form>
                <fieldset class="othser-legend">
                    <legend>其他方式登录</legend>
                </fieldset>
                <div class=" .icon-type-link">
                    <a class="icon-type" href="#">
                        <i class="icon-type-qq"></i>
                    </a>
                    <a class="icon-type" href="#">
                        <i class="icon-type-sina"></i>
                    </a>
                    <a class="icon-type" href="#">
                        <i class="icon-type-zfb"></i>
                    </a>
                </div>
                <p class="other-link">
                    <a href="#">注册小米账号</a>
                    <a href="#">忘记密码?</a>
                </p>
            </div>
        </div>
    </div>

</body>

</html>